    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAATTj_4YkZuaihAx0kvqq_3RT5TQ_3V3oDWogljA9hi5DEPPK3KBSMksPojdd95A7CAZ1r7YjmZTs36g"
      type="text/javascript"></script>
    <script type="text/javascript" src="http://timemap.googlecode.com/svn/tags/2.0/lib/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="http://timemap.googlecode.com/svn/tags/2.0/lib/mxn/mxn.js?(google)"></script>

    <script type="text/javascript" src="http://timemap.googlecode.com/svn/tags/2.0/lib/timeline-1.2.js"></script>
    <script src="http://timemap.googlecode.com/svn/tags/2.0/src/timemap.js" type="text/javascript"></script>
    <script src="http://timemap.googlecode.com/svn/tags/2.0/src/param.js" type="text/javascript"></script>
    <script src="http://timemap.googlecode.com/svn/tags/2.0/src/loaders/json.js" type="text/javascript"></script>
    <script src="http://timemap.googlecode.com/svn/tags/2.0/src/loaders/google_spreadsheet.js" type="text/javascript"></script>
	<script type="text/javascript">

var tm;	
$(function() {
    
    tm = TimeMap.init({
        mapId: "map",               // Id of map div element (required)
        timelineId: "timeline",     // Id of timeline div element (required) 
        options: {
            eventIconPath: "http://timemap.googlecode.com/svn/tags/2.0/images/"
        },
        datasets: [
            {
                title: "Events",
                id: "events",
                theme: "purple",
                type: "gss",
                options: {
                    // lon/lat->ll=
                    key: "0Asy9DLkAdegIdGFmdW1oc1YyQzBPS3pONjFoQmpXWUE",
                    // map spreadsheet column names to expected ids
                    paramMap: {
                        start: "start",
                        end: "end"
                    }
                }
            }
        ],
        bandIntervals: [
            Timeline.DateTime.YEAR, 
            Timeline.DateTime.DECADE
        ],
        scrollTo: "0044"
    });
});
    </script>

    <link href="http://timemap.googlecode.com/svn/tags/2.0/examples/examples.css" type="text/css" rel="stylesheet"/>
    <style>
    div#timelinecontainer{
    width: 100%;
    height: 40%;
    }
    
    div#timeline{
    width: 100%;
    height: 100%;
    font-size: 12px;
    background: #CCCCCC;
    }
    
    div#mapcontainer {
    width: 100%;
    height: 60%;
    }
    
    #timemap {
    height: 650px;
    }
    div#map {
    width: 100%;
    height: 100%;
    background: #EEEEEE;
    }
    
    div.infodescription {
    font-style: normal;
    width: 300px;
    }
    </style>